﻿/*发现栏目*/

.wrap {
	background-color: #f3f3f3;
}
#wrapper {
	background-color: #fff;
}
i {
	font-style: normal;
}

.onlineBox {
	background: url('/images/onlinebg_03.png') no-repeat center;
	height: 20%;
	width: 100%;
	background-size: 100% 100%;
	padding-left: 10%;
	padding-right: 10%;
	position: relative;
}

.onlineHead {
	padding-top: 129px;
	display: inline-block;
	width: 100px;
	height: 100px;
	background: url('/images/onlinehead.png') no-repeat;
	background-size: 92% auto;
	position: absolute;
	top: 10%;
	left: 10%;
	vertical-align: middle;
}

.intoOnline {
	text-indent: 1.5em;
	display: inline-block;
	background: url('/images/onlinedati.png') no-repeat center;
	width: 145px;
	height: 100px;
	line-height: 100px;
	;
	position: absolute;
	top: 10%;
	right: 15%;
	background-size: 100% auto;
	font-size: 1.6rem;
	color: #fff;
}

.contentBox {
	/*background-color: hotpink;*/
	height: 35%;
	padding: 5% 0% 0% 4%;
}

.ulbox {
	width: 100%;
	background-color: #fff;
}

.contentBox .icon {
	width: 35px;
	vertical-align: middle;
	margin-top: 1%;
}

.contentBox .icon,
.contentBox .list {
	float: left;
}

li {
	height: 70px;
}

li:last-child {
	height: 54px;
}

.contentBox .list {
	position: relative;
	display: inline-block;
	padding-bottom: 3%;
	margin-left: 3%;
	border-bottom: 1px solid #ccc;
}

.contentBox .word {
	display: inline-block;
	margin-top: -1%
}

.contentBox .getInto {
	position: absolute;
	height: 1.4rem;
	right: 3%;
	top: 40%;
	margin-top: -0.7rem;
}

.word .big {
	font-size: 1.7rem;
	line-height: 24px;
	display: inline-block;
	margin-bottom: 5%;
}

li:last-child .list {
	border: none;
	padding-bottom: 0%;
}

.erweimaBox {
	height: auto;
	width: 100%;
	padding-left: 9%;
	padding-right: 9%;
	padding-top:5%;
}
.erweima {

	/*float: left;*/
	/*margin-left: -36px;*/
	/*margin-right: 10px;*/

	
}
.erweima img {
	width: 30%;
	height: 25%;
	float: left;
	vertical-align: middle;
}

.linkword {
	display: inline-block;
	float: right;
	margin-top:16px;
}

.linkword span {
	border-bottom: 1px solid #666666;
	padding-bottom: 2%;
	font-size: 1.5rem;
}

.linkword i {
	display: inline-block;
	padding-top: 4%;
	color: #666666;
}

.linkword i:last-child {
	margin-top: -5%;
}

.linkContent {
	width: 100%;
	display: inline-block;
	
}


/*修改内容*/
@media screen and (min-width: 320px) {
	.intoOnline {
    text-indent: 2.0em;
    display: inline-block;
    background: url(/images/onlinedati.png) no-repeat center;
    width: 145px;
    height: 100px;
    line-height: 100px;
    position: absolute;
    top: 8%;
    right: 13%;
    background-size: 88% auto;
    font-size: 1.4rem;
    color: #fff;
	}
	.erweimaBox {
	height: auto;
	width: 100%;
	padding-left: 4%;
	padding-right: 4%;
	padding-top:20%;
	}
}

@media screen and (min-width: 375px) {
	.erweimaBox {
	height: auto;
	width: 100%;
	padding-left: 9%;
	padding-right: 9%;
	padding-top:25%;
	}
	.intoOnline {
    text-indent: 2.0em;
    display: inline-block;
    background: url(/images/onlinedati.png) no-repeat center;
    width: 145px;
    height: 100px;
    line-height: 100px;
    position: absolute;
    top: 8%;
    right: 13%;
    background-size: 95% auto;
    font-size: 1.4rem;
    color: #fff;
	}
}
.list2 .icon{
	width: 34px;
}
.list3 .icon{
	width: 35px;
	height:36px;
}
@media screen and (min-width: 414px) {
	.erweimaBox {
	height: auto;
	width: 100%;
	padding-left: 9%;
	padding-right: 9%;
	padding-top:25%;
	}
}